
.dol-content{
    width: 700px;
    .dol-search-compoment{
        height: 44px;
        border-radius: 6px;
        background-color: #4E6EF2;
        text-align: left;
        padding:2px 3px;
    }
    .dol-input{
        width: 582px;
        height: 44px;
        border: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding-left: 18px;
        outline: none;
        font-size: 16px;
    }
    .dol-submit{
        text-align: center;
        background-color: #4E6EF2;
        font-size: 16px;
        color: #fff;
        width: 88px;
        height: 40px;
        border: 0;
        outline: none;
        display: inline-block;
        &:hover{
            opacity: 0.8;
            cursor: pointer;
        }
    }

    .dol-search-history{
        width: 600px;
        background: #FFFFFF;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.06);
        border-radius: 6px;
        margin-top: 8px;
        margin-left: 2px;
        text-align: left;
        .dol-historyList{
            max-height: 210px;
            overflow-y: auto;
            li{
                font-size: 14px;
                color: #333333;
                padding-left: 20px;
                height: 33px;
                line-height: 33px;
                cursor: pointer;
                &:hover{
                    background-color: #4E6EF2;
                    opacity: 0.8;
                    color: #fff;
                }
            }
        }
        .dol-clearHistory{
            height: 40px;
            line-height: 40px;
            padding-left: 20px;
            font-size: 12px;
            color: #9195A3;
            cursor: pointer;
        }
    }

}